<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no">
  <meta name="description" content="API docs for the animate method from the Element class, for the Dart programming language.">
  <title>animate method - Element class - dart:html library - Dart API</title>
  <!-- required because all the links are pseudo-absolute -->
  <base href="../..">

  <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:500,400i,400,300|Source+Sans+Pro:400,300,700" rel="stylesheet">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link rel="stylesheet" href="static-assets/github.css">
  <link rel="stylesheet" href="static-assets/styles.css">
  <link rel="icon" href="static-assets/favicon.png">
  <!-- header placeholder -->
</head>

<body>

<div id="overlay-under-drawer"></div>

<header id="title">
  <button id="sidenav-left-toggle" type="button">&nbsp;</button>
  <ol class="breadcrumbs gt-separated dark hidden-xs">
    <li><a href="index.html">flutter_form_builder</a></li>
    <li><a href="dart-html/dart-html-library.html">dart:html</a></li>
    <li><a href="dart-html/Element-class.html">Element</a></li>
    <li class="self-crumb">animate method</li>
  </ol>
  <div class="self-name">animate</div>
  <form class="search navbar-right" role="search">
    <input type="text" id="search-box" autocomplete="off" disabled class="form-control typeahead" placeholder="Loading search...">
  </form>
</header>

<main>

  <div id="dartdoc-sidebar-left" class="col-xs-6 col-sm-3 col-md-2 sidebar sidebar-offcanvas-left">
    <header id="header-search-sidebar" class="hidden-l">
      <form class="search-sidebar" role="search">
        <input type="text" id="search-sidebar" autocomplete="off" disabled class="form-control typeahead" placeholder="Loading search...">
      </form>
    </header>
    
    <ol class="breadcrumbs gt-separated dark hidden-l" id="sidebar-nav">
      <li><a href="index.html">flutter_form_builder</a></li>
      <li><a href="dart-html/dart-html-library.html">dart:html</a></li>
      <li><a href="dart-html/Element-class.html">Element</a></li>
      <li class="self-crumb">animate method</li>
    </ol>
    
    <h5>Element class</h5>
    <ol>
    
        <li class="section-title"><a href="dart-html/Element-class.html#constructors">Constructors</a></li>
        <li><a href="dart-html/Element/Element.a.html">a</a></li>
        <li><a href="dart-html/Element/Element.article.html">article</a></li>
        <li><a href="dart-html/Element/Element.aside.html">aside</a></li>
        <li><a href="dart-html/Element/Element.audio.html">audio</a></li>
        <li><a href="dart-html/Element/Element.br.html">br</a></li>
        <li><a href="dart-html/Element/Element.canvas.html">canvas</a></li>
        <li><a href="dart-html/Element/Element.created.html">created</a></li>
        <li><a href="dart-html/Element/Element.div.html">div</a></li>
        <li><a href="dart-html/Element/Element.footer.html">footer</a></li>
        <li><a href="dart-html/Element/Element.header.html">header</a></li>
        <li><a href="dart-html/Element/Element.hr.html">hr</a></li>
        <li><a href="dart-html/Element/Element.html.html">html</a></li>
        <li><a href="dart-html/Element/Element.iframe.html">iframe</a></li>
        <li><a href="dart-html/Element/Element.img.html">img</a></li>
        <li><a href="dart-html/Element/Element.li.html">li</a></li>
        <li><a href="dart-html/Element/Element.nav.html">nav</a></li>
        <li><a href="dart-html/Element/Element.ol.html">ol</a></li>
        <li><a href="dart-html/Element/Element.option.html">option</a></li>
        <li><a href="dart-html/Element/Element.p.html">p</a></li>
        <li><a href="dart-html/Element/Element.pre.html">pre</a></li>
        <li><a href="dart-html/Element/Element.section.html">section</a></li>
        <li><a href="dart-html/Element/Element.select.html">select</a></li>
        <li><a href="dart-html/Element/Element.span.html">span</a></li>
        <li><a href="dart-html/Element/Element.svg.html">svg</a></li>
        <li><a href="dart-html/Element/Element.table.html">table</a></li>
        <li><a href="dart-html/Element/Element.tag.html">tag</a></li>
        <li><a href="dart-html/Element/Element.td.html">td</a></li>
        <li><a href="dart-html/Element/Element.textarea.html">textarea</a></li>
        <li><a href="dart-html/Element/Element.th.html">th</a></li>
        <li><a href="dart-html/Element/Element.tr.html">tr</a></li>
        <li><a href="dart-html/Element/Element.ul.html">ul</a></li>
        <li><a href="dart-html/Element/Element.video.html">video</a></li>
    
        <li class="section-title">
            <a href="dart-html/Element-class.html#instance-properties">Properties</a>
        </li>
        <li><a href="dart-html/Element/accessibleNode.html">accessibleNode</a></li>
        <li><a href="dart-html/Element/assignedSlot.html">assignedSlot</a></li>
        <li><a href="dart-html/Element/attributes.html">attributes</a></li>
        <li><a href="dart-html/Element/borderEdge.html">borderEdge</a></li>
        <li><a href="dart-html/Element/children.html">children</a></li>
        <li><a href="dart-html/Element/classes.html">classes</a></li>
        <li><a href="dart-html/Element/className.html">className</a></li>
        <li><a href="dart-html/Element/client.html">client</a></li>
        <li><a href="dart-html/Element/clientHeight.html">clientHeight</a></li>
        <li><a href="dart-html/Element/clientLeft.html">clientLeft</a></li>
        <li><a href="dart-html/Element/clientTop.html">clientTop</a></li>
        <li><a href="dart-html/Element/clientWidth.html">clientWidth</a></li>
        <li><a href="dart-html/Element/computedName.html">computedName</a></li>
        <li><a href="dart-html/Element/computedRole.html">computedRole</a></li>
        <li><a href="dart-html/Element/contentEdge.html">contentEdge</a></li>
        <li><a href="dart-html/Element/contentEditable.html">contentEditable</a></li>
        <li><a href="dart-html/Element/dataset.html">dataset</a></li>
        <li><a href="dart-html/Element/dir.html">dir</a></li>
        <li><a href="dart-html/Element/documentOffset.html">documentOffset</a></li>
        <li><a href="dart-html/Element/draggable.html">draggable</a></li>
        <li><a href="dart-html/Element/hidden.html">hidden</a></li>
        <li><a href="dart-html/Element/id.html">id</a></li>
        <li><a href="dart-html/Element/inert.html">inert</a></li>
        <li><a href="dart-html/Element/innerHtml.html">innerHtml</a></li>
        <li><a href="dart-html/Element/innerText.html">innerText</a></li>
        <li><a href="dart-html/Element/inputMode.html">inputMode</a></li>
        <li><a href="dart-html/Element/isContentEditable.html">isContentEditable</a></li>
        <li><a href="dart-html/Element/lang.html">lang</a></li>
        <li><a href="dart-html/Element/localName.html">localName</a></li>
        <li><a href="dart-html/Element/marginEdge.html">marginEdge</a></li>
        <li><a href="dart-html/Element/namespaceUri.html">namespaceUri</a></li>
        <li><a href="dart-html/Element/nextElementSibling.html">nextElementSibling</a></li>
        <li><a href="dart-html/Element/offset.html">offset</a></li>
        <li><a href="dart-html/Element/offsetHeight.html">offsetHeight</a></li>
        <li><a href="dart-html/Element/offsetLeft.html">offsetLeft</a></li>
        <li><a href="dart-html/Element/offsetParent.html">offsetParent</a></li>
        <li><a href="dart-html/Element/offsetTop.html">offsetTop</a></li>
        <li><a href="dart-html/Element/offsetWidth.html">offsetWidth</a></li>
        <li><a href="dart-html/Element/on.html">on</a></li>
        <li><a href="dart-html/Element/onAbort.html">onAbort</a></li>
        <li><a href="dart-html/Element/onBeforeCopy.html">onBeforeCopy</a></li>
        <li><a href="dart-html/Element/onBeforeCut.html">onBeforeCut</a></li>
        <li><a href="dart-html/Element/onBeforePaste.html">onBeforePaste</a></li>
        <li><a href="dart-html/Element/onBlur.html">onBlur</a></li>
        <li><a href="dart-html/Element/onCanPlay.html">onCanPlay</a></li>
        <li><a href="dart-html/Element/onCanPlayThrough.html">onCanPlayThrough</a></li>
        <li><a href="dart-html/Element/onChange.html">onChange</a></li>
        <li><a href="dart-html/Element/onClick.html">onClick</a></li>
        <li><a href="dart-html/Element/onContextMenu.html">onContextMenu</a></li>
        <li><a href="dart-html/Element/onCopy.html">onCopy</a></li>
        <li><a href="dart-html/Element/onCut.html">onCut</a></li>
        <li><a href="dart-html/Element/onDoubleClick.html">onDoubleClick</a></li>
        <li><a href="dart-html/Element/onDrag.html">onDrag</a></li>
        <li><a href="dart-html/Element/onDragEnd.html">onDragEnd</a></li>
        <li><a href="dart-html/Element/onDragEnter.html">onDragEnter</a></li>
        <li><a href="dart-html/Element/onDragLeave.html">onDragLeave</a></li>
        <li><a href="dart-html/Element/onDragOver.html">onDragOver</a></li>
        <li><a href="dart-html/Element/onDragStart.html">onDragStart</a></li>
        <li><a href="dart-html/Element/onDrop.html">onDrop</a></li>
        <li><a href="dart-html/Element/onDurationChange.html">onDurationChange</a></li>
        <li><a href="dart-html/Element/onEmptied.html">onEmptied</a></li>
        <li><a href="dart-html/Element/onEnded.html">onEnded</a></li>
        <li><a href="dart-html/Element/onError.html">onError</a></li>
        <li><a href="dart-html/Element/onFocus.html">onFocus</a></li>
        <li><a href="dart-html/Element/onFullscreenChange.html">onFullscreenChange</a></li>
        <li><a href="dart-html/Element/onFullscreenError.html">onFullscreenError</a></li>
        <li><a href="dart-html/Element/onInput.html">onInput</a></li>
        <li><a href="dart-html/Element/onInvalid.html">onInvalid</a></li>
        <li><a href="dart-html/Element/onKeyDown.html">onKeyDown</a></li>
        <li><a href="dart-html/Element/onKeyPress.html">onKeyPress</a></li>
        <li><a href="dart-html/Element/onKeyUp.html">onKeyUp</a></li>
        <li><a href="dart-html/Element/onLoad.html">onLoad</a></li>
        <li><a href="dart-html/Element/onLoadedData.html">onLoadedData</a></li>
        <li><a href="dart-html/Element/onLoadedMetadata.html">onLoadedMetadata</a></li>
        <li><a href="dart-html/Element/onMouseDown.html">onMouseDown</a></li>
        <li><a href="dart-html/Element/onMouseEnter.html">onMouseEnter</a></li>
        <li><a href="dart-html/Element/onMouseLeave.html">onMouseLeave</a></li>
        <li><a href="dart-html/Element/onMouseMove.html">onMouseMove</a></li>
        <li><a href="dart-html/Element/onMouseOut.html">onMouseOut</a></li>
        <li><a href="dart-html/Element/onMouseOver.html">onMouseOver</a></li>
        <li><a href="dart-html/Element/onMouseUp.html">onMouseUp</a></li>
        <li><a href="dart-html/Element/onMouseWheel.html">onMouseWheel</a></li>
        <li><a href="dart-html/Element/onPaste.html">onPaste</a></li>
        <li><a href="dart-html/Element/onPause.html">onPause</a></li>
        <li><a href="dart-html/Element/onPlay.html">onPlay</a></li>
        <li><a href="dart-html/Element/onPlaying.html">onPlaying</a></li>
        <li><a href="dart-html/Element/onRateChange.html">onRateChange</a></li>
        <li><a href="dart-html/Element/onReset.html">onReset</a></li>
        <li><a href="dart-html/Element/onResize.html">onResize</a></li>
        <li><a href="dart-html/Element/onScroll.html">onScroll</a></li>
        <li><a href="dart-html/Element/onSearch.html">onSearch</a></li>
        <li><a href="dart-html/Element/onSeeked.html">onSeeked</a></li>
        <li><a href="dart-html/Element/onSeeking.html">onSeeking</a></li>
        <li><a href="dart-html/Element/onSelect.html">onSelect</a></li>
        <li><a href="dart-html/Element/onSelectStart.html">onSelectStart</a></li>
        <li><a href="dart-html/Element/onStalled.html">onStalled</a></li>
        <li><a href="dart-html/Element/onSubmit.html">onSubmit</a></li>
        <li><a href="dart-html/Element/onSuspend.html">onSuspend</a></li>
        <li><a href="dart-html/Element/onTimeUpdate.html">onTimeUpdate</a></li>
        <li><a href="dart-html/Element/onTouchCancel.html">onTouchCancel</a></li>
        <li><a href="dart-html/Element/onTouchEnd.html">onTouchEnd</a></li>
        <li><a href="dart-html/Element/onTouchEnter.html">onTouchEnter</a></li>
        <li><a href="dart-html/Element/onTouchLeave.html">onTouchLeave</a></li>
        <li><a href="dart-html/Element/onTouchMove.html">onTouchMove</a></li>
        <li><a href="dart-html/Element/onTouchStart.html">onTouchStart</a></li>
        <li><a href="dart-html/Element/onTransitionEnd.html">onTransitionEnd</a></li>
        <li><a href="dart-html/Element/onVolumeChange.html">onVolumeChange</a></li>
        <li><a href="dart-html/Element/onWaiting.html">onWaiting</a></li>
        <li><a href="dart-html/Element/onWheel.html">onWheel</a></li>
        <li><a href="dart-html/Element/outerHtml.html">outerHtml</a></li>
        <li><a href="dart-html/Element/paddingEdge.html">paddingEdge</a></li>
        <li><a href="dart-html/Element/previousElementSibling.html">previousElementSibling</a></li>
        <li><a href="dart-html/Element/scrollHeight.html">scrollHeight</a></li>
        <li><a href="dart-html/Element/scrollLeft.html">scrollLeft</a></li>
        <li><a href="dart-html/Element/scrollTop.html">scrollTop</a></li>
        <li><a href="dart-html/Element/scrollWidth.html">scrollWidth</a></li>
        <li><a href="dart-html/Element/shadowRoot.html">shadowRoot</a></li>
        <li><a href="dart-html/Element/slot.html">slot</a></li>
        <li><a href="dart-html/Element/spellcheck.html">spellcheck</a></li>
        <li><a href="dart-html/Element/style.html">style</a></li>
        <li><a href="dart-html/Element/styleMap.html">styleMap</a></li>
        <li><a href="dart-html/Element/tabIndex.html">tabIndex</a></li>
        <li><a href="dart-html/Element/tagName.html">tagName</a></li>
        <li><a href="dart-html/Element/title.html">title</a></li>
        <li><a href="dart-html/Element/translate.html">translate</a></li>
        <li class="inherited"><a href="dart-html/Node/baseUri.html">baseUri</a></li>
        <li class="inherited"><a href="dart-html/Node/childNodes.html">childNodes</a></li>
        <li class="inherited"><a href="dart-html/Node/firstChild.html">firstChild</a></li>
        <li class="inherited"><a href="dart-core/Object/hashCode.html">hashCode</a></li>
        <li class="inherited"><a href="dart-html/Node/isConnected.html">isConnected</a></li>
        <li class="inherited"><a href="dart-html/Node/lastChild.html">lastChild</a></li>
        <li class="inherited"><a href="dart-html/Node/nextNode.html">nextNode</a></li>
        <li class="inherited"><a href="dart-html/Node/nodeName.html">nodeName</a></li>
        <li class="inherited"><a href="dart-html/Node/nodes.html">nodes</a></li>
        <li class="inherited"><a href="dart-html/Node/nodeType.html">nodeType</a></li>
        <li class="inherited"><a href="dart-html/Node/nodeValue.html">nodeValue</a></li>
        <li class="inherited"><a href="dart-html/Node/ownerDocument.html">ownerDocument</a></li>
        <li class="inherited"><a href="dart-html/Node/parent.html">parent</a></li>
        <li class="inherited"><a href="dart-html/Node/parentNode.html">parentNode</a></li>
        <li class="inherited"><a href="dart-html/Node/previousNode.html">previousNode</a></li>
        <li class="inherited"><a href="dart-core/Object/runtimeType.html">runtimeType</a></li>
        <li class="inherited"><a href="dart-html/Node/text.html">text</a></li>
    
        <li class="section-title"><a href="dart-html/Element-class.html#instance-methods">Methods</a></li>
        <li><a href="dart-html/Element/after.html">after</a></li>
        <li><a href="dart-html/Element/animate.html">animate</a></li>
        <li><a href="dart-html/Element/appendHtml.html">appendHtml</a></li>
        <li><a href="dart-html/Element/appendText.html">appendText</a></li>
        <li><a href="dart-html/Element/attached.html">attached</a></li>
        <li><a href="dart-html/Element/attachShadow.html">attachShadow</a></li>
        <li><a href="dart-html/Element/attributeChanged.html">attributeChanged</a></li>
        <li><a href="dart-html/Element/before.html">before</a></li>
        <li><a href="dart-html/Element/blur.html">blur</a></li>
        <li><a href="dart-html/Element/click.html">click</a></li>
        <li><a href="dart-html/Element/closest.html">closest</a></li>
        <li><a href="dart-html/Element/createFragment.html">createFragment</a></li>
        <li><a href="dart-html/Element/createShadowRoot.html">createShadowRoot</a></li>
        <li><a href="dart-html/Element/detached.html">detached</a></li>
        <li><a class="deprecated" href="dart-html/Element/enteredView.html">enteredView</a></li>
        <li><a href="dart-html/Element/focus.html">focus</a></li>
        <li><a href="dart-html/Element/getAnimations.html">getAnimations</a></li>
        <li><a href="dart-html/Element/getAttribute.html">getAttribute</a></li>
        <li><a href="dart-html/Element/getAttributeNames.html">getAttributeNames</a></li>
        <li><a href="dart-html/Element/getAttributeNS.html">getAttributeNS</a></li>
        <li><a href="dart-html/Element/getBoundingClientRect.html">getBoundingClientRect</a></li>
        <li><a href="dart-html/Element/getClientRects.html">getClientRects</a></li>
        <li><a href="dart-html/Element/getComputedStyle.html">getComputedStyle</a></li>
        <li><a href="dart-html/Element/getDestinationInsertionPoints.html">getDestinationInsertionPoints</a></li>
        <li><a href="dart-html/Element/getElementsByClassName.html">getElementsByClassName</a></li>
        <li><a href="dart-html/Element/getNamespacedAttributes.html">getNamespacedAttributes</a></li>
        <li><a href="dart-html/Element/hasAttribute.html">hasAttribute</a></li>
        <li><a href="dart-html/Element/hasAttributeNS.html">hasAttributeNS</a></li>
        <li><a href="dart-html/Element/hasPointerCapture.html">hasPointerCapture</a></li>
        <li><a href="dart-html/Element/insertAdjacentElement.html">insertAdjacentElement</a></li>
        <li><a href="dart-html/Element/insertAdjacentHtml.html">insertAdjacentHtml</a></li>
        <li><a href="dart-html/Element/insertAdjacentText.html">insertAdjacentText</a></li>
        <li><a class="deprecated" href="dart-html/Element/leftView.html">leftView</a></li>
        <li><a href="dart-html/Element/matches.html">matches</a></li>
        <li><a href="dart-html/Element/matchesWithAncestors.html">matchesWithAncestors</a></li>
        <li><a href="dart-html/Element/offsetTo.html">offsetTo</a></li>
        <li><a href="dart-html/Element/querySelector.html">querySelector</a></li>
        <li><a href="dart-html/Element/querySelectorAll.html">querySelectorAll</a></li>
        <li><a href="dart-html/Element/releasePointerCapture.html">releasePointerCapture</a></li>
        <li><a href="dart-html/Element/removeAttribute.html">removeAttribute</a></li>
        <li><a href="dart-html/Element/removeAttributeNS.html">removeAttributeNS</a></li>
        <li><a href="dart-html/Element/requestFullscreen.html">requestFullscreen</a></li>
        <li><a href="dart-html/Element/requestPointerLock.html">requestPointerLock</a></li>
        <li><a href="dart-html/Element/scroll.html">scroll</a></li>
        <li><a href="dart-html/Element/scrollBy.html">scrollBy</a></li>
        <li><a href="dart-html/Element/scrollIntoView.html">scrollIntoView</a></li>
        <li><a href="dart-html/Element/scrollTo.html">scrollTo</a></li>
        <li><a href="dart-html/Element/setApplyScroll.html">setApplyScroll</a></li>
        <li><a href="dart-html/Element/setAttribute.html">setAttribute</a></li>
        <li><a href="dart-html/Element/setAttributeNS.html">setAttributeNS</a></li>
        <li><a href="dart-html/Element/setDistributeScroll.html">setDistributeScroll</a></li>
        <li><a href="dart-html/Element/setInnerHtml.html">setInnerHtml</a></li>
        <li><a href="dart-html/Element/setPointerCapture.html">setPointerCapture</a></li>
        <li><a href="dart-html/Element/toString.html">toString</a></li>
        <li class="inherited"><a href="dart-html/EventTarget/addEventListener.html">addEventListener</a></li>
        <li class="inherited"><a href="dart-html/Node/append.html">append</a></li>
        <li class="inherited"><a href="dart-html/Node/clone.html">clone</a></li>
        <li class="inherited"><a href="dart-html/Node/contains.html">contains</a></li>
        <li class="inherited"><a href="dart-html/EventTarget/dispatchEvent.html">dispatchEvent</a></li>
        <li class="inherited"><a href="dart-html/Node/getRootNode.html">getRootNode</a></li>
        <li class="inherited"><a href="dart-html/Node/hasChildNodes.html">hasChildNodes</a></li>
        <li class="inherited"><a href="dart-html/Node/insertAllBefore.html">insertAllBefore</a></li>
        <li class="inherited"><a href="dart-html/Node/insertBefore.html">insertBefore</a></li>
        <li class="inherited"><a href="dart-core/Object/noSuchMethod.html">noSuchMethod</a></li>
        <li class="inherited"><a href="dart-html/Node/remove.html">remove</a></li>
        <li class="inherited"><a href="dart-html/EventTarget/removeEventListener.html">removeEventListener</a></li>
        <li class="inherited"><a href="dart-html/Node/replaceWith.html">replaceWith</a></li>
    
        <li class="section-title inherited"><a href="dart-html/Element-class.html#operators">Operators</a></li>
        <li class="inherited"><a href="dart-core/Object/operator_equals.html">operator ==</a></li>
    
    
        <li class="section-title"><a href="dart-html/Element-class.html#static-methods">Static methods</a></li>
        <li><a href="dart-html/Element/isTagSupported.html">isTagSupported</a></li>
    
        <li class="section-title"><a href="dart-html/Element-class.html#constants">Constants</a></li>
        <li><a href="dart-html/Element/abortEvent-constant.html">abortEvent</a></li>
        <li><a href="dart-html/Element/beforeCopyEvent-constant.html">beforeCopyEvent</a></li>
        <li><a href="dart-html/Element/beforeCutEvent-constant.html">beforeCutEvent</a></li>
        <li><a href="dart-html/Element/beforePasteEvent-constant.html">beforePasteEvent</a></li>
        <li><a href="dart-html/Element/blurEvent-constant.html">blurEvent</a></li>
        <li><a href="dart-html/Element/canPlayEvent-constant.html">canPlayEvent</a></li>
        <li><a href="dart-html/Element/canPlayThroughEvent-constant.html">canPlayThroughEvent</a></li>
        <li><a href="dart-html/Element/changeEvent-constant.html">changeEvent</a></li>
        <li><a href="dart-html/Element/clickEvent-constant.html">clickEvent</a></li>
        <li><a href="dart-html/Element/contextMenuEvent-constant.html">contextMenuEvent</a></li>
        <li><a href="dart-html/Element/copyEvent-constant.html">copyEvent</a></li>
        <li><a href="dart-html/Element/cutEvent-constant.html">cutEvent</a></li>
        <li><a href="dart-html/Element/doubleClickEvent-constant.html">doubleClickEvent</a></li>
        <li><a href="dart-html/Element/dragEndEvent-constant.html">dragEndEvent</a></li>
        <li><a href="dart-html/Element/dragEnterEvent-constant.html">dragEnterEvent</a></li>
        <li><a href="dart-html/Element/dragEvent-constant.html">dragEvent</a></li>
        <li><a href="dart-html/Element/dragLeaveEvent-constant.html">dragLeaveEvent</a></li>
        <li><a href="dart-html/Element/dragOverEvent-constant.html">dragOverEvent</a></li>
        <li><a href="dart-html/Element/dragStartEvent-constant.html">dragStartEvent</a></li>
        <li><a href="dart-html/Element/dropEvent-constant.html">dropEvent</a></li>
        <li><a href="dart-html/Element/durationChangeEvent-constant.html">durationChangeEvent</a></li>
        <li><a href="dart-html/Element/emptiedEvent-constant.html">emptiedEvent</a></li>
        <li><a href="dart-html/Element/endedEvent-constant.html">endedEvent</a></li>
        <li><a href="dart-html/Element/errorEvent-constant.html">errorEvent</a></li>
        <li><a href="dart-html/Element/focusEvent-constant.html">focusEvent</a></li>
        <li><a href="dart-html/Element/fullscreenChangeEvent-constant.html">fullscreenChangeEvent</a></li>
        <li><a href="dart-html/Element/fullscreenErrorEvent-constant.html">fullscreenErrorEvent</a></li>
        <li><a href="dart-html/Element/inputEvent-constant.html">inputEvent</a></li>
        <li><a href="dart-html/Element/invalidEvent-constant.html">invalidEvent</a></li>
        <li><a href="dart-html/Element/keyDownEvent-constant.html">keyDownEvent</a></li>
        <li><a href="dart-html/Element/keyPressEvent-constant.html">keyPressEvent</a></li>
        <li><a href="dart-html/Element/keyUpEvent-constant.html">keyUpEvent</a></li>
        <li><a href="dart-html/Element/loadedDataEvent-constant.html">loadedDataEvent</a></li>
        <li><a href="dart-html/Element/loadedMetadataEvent-constant.html">loadedMetadataEvent</a></li>
        <li><a href="dart-html/Element/loadEvent-constant.html">loadEvent</a></li>
        <li><a href="dart-html/Element/mouseDownEvent-constant.html">mouseDownEvent</a></li>
        <li><a href="dart-html/Element/mouseEnterEvent-constant.html">mouseEnterEvent</a></li>
        <li><a href="dart-html/Element/mouseLeaveEvent-constant.html">mouseLeaveEvent</a></li>
        <li><a href="dart-html/Element/mouseMoveEvent-constant.html">mouseMoveEvent</a></li>
        <li><a href="dart-html/Element/mouseOutEvent-constant.html">mouseOutEvent</a></li>
        <li><a href="dart-html/Element/mouseOverEvent-constant.html">mouseOverEvent</a></li>
        <li><a href="dart-html/Element/mouseUpEvent-constant.html">mouseUpEvent</a></li>
        <li><a href="dart-html/Element/mouseWheelEvent-constant.html">mouseWheelEvent</a></li>
        <li><a href="dart-html/Element/pasteEvent-constant.html">pasteEvent</a></li>
        <li><a href="dart-html/Element/pauseEvent-constant.html">pauseEvent</a></li>
        <li><a href="dart-html/Element/playEvent-constant.html">playEvent</a></li>
        <li><a href="dart-html/Element/playingEvent-constant.html">playingEvent</a></li>
        <li><a href="dart-html/Element/rateChangeEvent-constant.html">rateChangeEvent</a></li>
        <li><a href="dart-html/Element/resetEvent-constant.html">resetEvent</a></li>
        <li><a href="dart-html/Element/resizeEvent-constant.html">resizeEvent</a></li>
        <li><a href="dart-html/Element/scrollEvent-constant.html">scrollEvent</a></li>
        <li><a href="dart-html/Element/searchEvent-constant.html">searchEvent</a></li>
        <li><a href="dart-html/Element/seekedEvent-constant.html">seekedEvent</a></li>
        <li><a href="dart-html/Element/seekingEvent-constant.html">seekingEvent</a></li>
        <li><a href="dart-html/Element/selectEvent-constant.html">selectEvent</a></li>
        <li><a href="dart-html/Element/selectStartEvent-constant.html">selectStartEvent</a></li>
        <li><a href="dart-html/Element/stalledEvent-constant.html">stalledEvent</a></li>
        <li><a href="dart-html/Element/submitEvent-constant.html">submitEvent</a></li>
        <li><a href="dart-html/Element/suspendEvent-constant.html">suspendEvent</a></li>
        <li><a href="dart-html/Element/timeUpdateEvent-constant.html">timeUpdateEvent</a></li>
        <li><a href="dart-html/Element/touchCancelEvent-constant.html">touchCancelEvent</a></li>
        <li><a href="dart-html/Element/touchEndEvent-constant.html">touchEndEvent</a></li>
        <li><a href="dart-html/Element/touchEnterEvent-constant.html">touchEnterEvent</a></li>
        <li><a href="dart-html/Element/touchLeaveEvent-constant.html">touchLeaveEvent</a></li>
        <li><a href="dart-html/Element/touchMoveEvent-constant.html">touchMoveEvent</a></li>
        <li><a href="dart-html/Element/touchStartEvent-constant.html">touchStartEvent</a></li>
        <li><a href="dart-html/Element/transitionEndEvent-constant.html">transitionEndEvent</a></li>
        <li><a href="dart-html/Element/volumeChangeEvent-constant.html">volumeChangeEvent</a></li>
        <li><a href="dart-html/Element/waitingEvent-constant.html">waitingEvent</a></li>
        <li><a href="dart-html/Element/wheelEvent-constant.html">wheelEvent</a></li>
    
    
    </ol>
  </div><!--/.sidebar-offcanvas-->

  <div id="dartdoc-main-content" class="col-xs-12 col-sm-9 col-md-8 main-content">
      <div><h1><span class="kind-method">animate</span> method</h1></div>

    <section class="multi-line-signature">
      <div>
        <ol class="annotation-list">
          <li>@SupportedBrowser(SupportedBrowser.CHROME, &#39;36&#39;)</li>
        </ol>
      </div>
      <span class="returntype"><a href="dart-html/Animation-class.html">Animation</a></span>
            <span class="name ">animate</span>
(<wbr><span class="parameter" id="animate-param-frames"><span class="type-annotation"><a href="dart-core/Iterable-class.html">Iterable</a><span class="signature">&lt;<wbr><span class="type-parameter"><a href="dart-core/Map-class.html">Map</a><span class="signature">&lt;<wbr><span class="type-parameter"><a href="dart-core/String-class.html">String</a></span>, <span class="type-parameter">dynamic</span>&gt;</span></span>&gt;</span></span> <span class="parameter-name">frames</span>, [</span> <span class="parameter" id="animate-param-timing"><span class="type-annotation">dynamic</span> <span class="parameter-name">timing</span></span> ])
      <div class="features">@SupportedBrowser(SupportedBrowser.CHROME, &#39;36&#39;)</div>
    </section>
    <section class="desc markdown">
      <p>Creates a new AnimationEffect object whose target element is the object
on which the method is called, and calls the play() method of the
AnimationTimeline object of the document timeline of the node document
of the element, passing the newly created AnimationEffect as the argument
to the method. Returns an Animation for the effect.</p>
<p>Examples</p>
<pre class="language-dart"><code>var animation = elem.animate([{"opacity": 75}, {"opacity": 0}], 200);

var animation = elem.animate([
  {"transform": "translate(100px, -100%)"},
  {"transform" : "translate(400px, 500px)"}
], 1500);
</code></pre>
<p>The <code>frames</code> parameter is an Iterable<map>, where the
map entries specify CSS animation effects. The
<code>timing</code> paramter can be a double, representing the number of milliseconds
for the transition, or a Map with fields corresponding to those
of the <code>Timing</code> object.</map></p>
    </section>
    
    <section class="summary source-code" id="source">
      <h2><span>Implementation</span></h2>
      <pre class="language-dart"><code class="language-dart">@SupportedBrowser(SupportedBrowser.CHROME, &#39;36&#39;)
Animation animate(Iterable&lt;Map&lt;String, dynamic&gt;&gt; frames, [timing]) {
  if (frames is! Iterable || !(frames.every((x) =&gt; x is Map))) {
    throw new ArgumentError(&quot;The frames parameter should be a List of Maps &quot;
        &quot;with frame information&quot;);
  }
  var convertedFrames;
  if (frames is Iterable) {
    convertedFrames = frames.map(convertDartToNative_Dictionary).toList();
  } else {
    convertedFrames = frames;
  }
  var convertedTiming =
      timing is Map ? convertDartToNative_Dictionary(timing) : timing;
  return convertedTiming == null
      ? _animate(convertedFrames)
      : _animate(convertedFrames, convertedTiming);
}</code></pre>
    </section>

  </div> <!-- /.main-content -->

  <div id="dartdoc-sidebar-right" class="col-xs-6 col-sm-6 col-md-2 sidebar sidebar-offcanvas-right">
  </div><!--/.sidebar-offcanvas-->

</main>

<footer>
  <span class="no-break">
    flutter_form_builder
      3.8.2
  </span>

  <!-- footer-text placeholder -->
</footer>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="static-assets/typeahead.bundle.min.js"></script>
<script src="static-assets/highlight.pack.js"></script>
<script src="static-assets/URI.js"></script>
<script src="static-assets/script.js"></script>
<!-- footer placeholder -->

</body>

</html>
